﻿@model RA_WebSite.Models.Step

@{
    ViewBag.Title = "Crea step";
}

<h2 class="titoloSezione">Crea un nuovo step per il campione "@ViewBag.CampioneSelezionatoNome"</h2>

@using (Html.BeginForm("Create", "Step", FormMethod.Post, new { enctype = "multipart/form-data", id="formSalvastep"}))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Step</legend>
                <div class="titolino">
            @Html.LabelFor(model => model.Campione_Id, "Campione")
        </div>
        <div class="editor-field">
@*            <input name="Campione_Nome" type="text" value="@ViewBag.CampioneSelezionatoNome" disabled="disabled" />*@
            <input name="Campione_Id" type="hidden" value="@ViewBag.CampioneSelezionatoID"  />
        </div>

        <div class="titolino">
            Data di caricamento
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.DataCaricamento, new { id = "datepicker" })
            @Html.ValidationMessageFor(model => model.DataCaricamento)
        </div>

        <div class="titolino">
            Ore di esecuzione
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.OreDiEsecuzione)
            @Html.ValidationMessageFor(model => model.OreDiEsecuzione)
        </div>
        
        <div class="titolino">
            Foto:
        </div>
        
        <div class="editor-field">
            @Html.TextBoxFor(model => model.FotoForm, new { type = "file", id="FotoForm", name="FotoForm"})
            @Html.ValidationMessageFor(model => model.FotoForm)
        </div>



        <p>
            <input type="submit" value="Crea un nuovo step" id="bottoneCrea" />
        </p>
    </fieldset>
}

<div>
    <a href='@Url.Action("ListStepCampione", "Step", new { id = ViewBag.CampioneSelezionatoID })' >Annulla</a>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

<script>
    $("#formSalvastep").submit("submit", function (e) {
        var ext = $('#FotoForm').val().split('.').pop().toLowerCase();
        if ($.inArray(ext, ['gif', 'png', 'jpg', 'jpeg']) == -1) {
            alert('Immagine non valida!');
            e.preventDefault();
        }
    });
</script>
